<%@ taglib uri="http://jawr.net/tags" prefix="jwr" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; UTF-8">
	<title>O bar da vez</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
    <jwr:style src="/bundles/all.css" />
    <jwr:script src="/bundles/all.js"/>
    

	
</head>
<body ng-app="aplicacao" id="ng-app" ng-controller="init">
	<div ng-include="'placeHolder.jsp'"></div>
	<div ng-controller="historia">
		<div ng-include="'topo.jsp'"></div>
		
		<div class="centercolumn">
			<div class="bar-header">
				<div class="obardavez-form">
					<section>
						<div class="title">
							<h3>Histórias Contadas</h3>
							
							<div class="title2">
								<ol class="commentlist clearfix" id="post-comments" ng-repeat="historia in ctrl_historia.historias">
									 <li class="comment even thread-even depth-1">
										<div class="comment-body clearfix" id="comment-23">
											<div class="avatar">
												<img width="50" height="50" 
													src="../resources/images/avatar.png"
													alt=""/>
											</div>
											<div class="comment-text">
												<div class="author">
													<span><a class="url" rel="external nofollow"
														href="http://Website">{{historia.apelido}}</a>
													</span>
													<div class="date">
														Aconteceu no: {{historia.local}} 
													</div>
												</div>
												<div class="text">
													{{historia.historia}}
												</div>
		
											</div>
										</div>
								     </li>
								</ol>
								
							
							</div>
							
						</div>
					</section>
				</div>
						
				<div class="obardavez-form">
					<form id="historiaForm" >
						<section>
							<div class="title">
							  <h3>Conte sua história</h3>
							  <p>
								Aqueles que frequentam bares, restaurantes, pizzarias, 
								muitas vezes passam por momentos marcantes e/ou inusitados. 
								E você, já passou por momentos assim? Compartilhe conosco 
								o que de mais interessante aconteceu com você. Conte-nos sua história!!! 
								Ah, não se esqueça dos detalhes hein!!!
							  </p>
							  
							</div>
							   <div class="fields-container">
								  <div class="grid-half-left">
										<div class="field nome">
										  <label>Nome</label>
										  <input ng-model="ctrl_historia.historia.nome" name="nome" placeholder="Com quem aconteceu a história (Nome Completo)" size="30" type="text" value="" />
										</div>
								  </div>
								  
								  <div class="grid-half-right">
										<div class="field email">
										  <label>E-mail</label>
										  <input ng-model="ctrl_historia.historia.email" name="email" placeholder="email@provedor.com" size="30" type="text" value="" />
										</div>
								  </div>
								  
								  <br class="all" />
								  
								  <div class="grid-half-left">
										<div class="field apelido">
										  <label>Apelido</label>
										  <input ng-model="ctrl_historia.historia.apelido" name="apelido" placeholder="Seu apelido (como deseja ser identificado)" size="30" type="text" value="" />
										</div>
								  </div>
								  
								  <div class="grid-half-right">
										<div class="field local">
										  <label>Local</label>
										  <input ng-model="ctrl_historia.historia.local" name="local" placeholder="Onde aconteceu a história" size="30" type="text" value=""/>
										</div>
								  </div>
								  
								  <br clear="all" />
								  
								  <div class="grid-full">
										<div class="field historia">
										  <label>História</label>
										  <textarea ng-model="ctrl_historia.historia.historia" name="historia" placeholder="Descrição da história" size="30" type="text" value="">
										  </textarea>
										</div>
								  </div>
								  
								  <p></p>													  
							      <a class="btn btn-inverse" href="#" ng-click="ctrl_historia.save()"> {{getProperty('enviar')}} <i class="icon-chevron-right icon-white"></i></a>
								</div>
						</section>
					</form>					
				 </div>
			</div>
		</div>
		
		
		<div ng-include="'footer.jsp'"></div>
		
		
	</div>

</body>
</html>